<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>诗瑶博客主页</title>
</head>
<body>
诗瑶博客主页
</body>
<script>
// 检测设备类型并根据结果进行页面跳转
function redirectByMediaType() {
  // 检测设备是否为平板或手机
  if (window.matchMedia("(max-width: 767px)").matches) {
    // 如果是手机或平板，则跳转到移动端页面
    window.location.href = "yd.html";
  } else {
    // 如果是桌面设备，则跳转到桌面端页面
    window.location.href = "pc.html";
  }
}
// 页面加载完成后执行检测和跳转
window.onload = redirectByMediaType;
</script>

</html>